/*实现选项卡
*悬浮在一级列表上时将一级列表的off类删除，将二级列表加上active类，二级列表显示，没有悬浮时，将二级列表的类删除，将一级列表的off类加上
* 二级列表选项卡：
*       悬浮在那个索引位置的元素，就让那个的二级列表出现
*/
/*实现选项卡
*悬浮在一级列表上时将一级列表的off类删除，将二级列表加上active类，二级列表显示，没有悬浮时，将二级列表的类删除，将一级列表的off类加上
* 二级列表选项卡：
*       悬浮在那个索引位置的元素，就让那个的二级列表出现
*/
var dro='切换分类<span class="glyphicon glyphicon-menu-up"></span>';
var dra='完整分类<span class="glyphicon glyphicon-menu-down"></span>';
$("#drop-off").hover(function(){
    $("#drop-off").html(dro).addClass("active");
    $(".news").addClass("active");
},function(){
    $("#drop-off").html(dra).removeClass("active");
    $(".news").removeClass("active");
})

$(".news").hover(function(){
    $(this).addClass("active");
    $("#drop-off").html(dro).addClass("active");
},function(e){
    $("#drop-off").html(dra).removeClass("active");
    $(this).removeClass("active");

});
$("#news-drop li").mouseover(function(){
    var index=$(this).index();
    console.log(index);
    $("#drop-off").html(dro).addClass("active");
    $(this).removeClass("active");
    $(this).addClass("active").siblings().removeClass("active");
    $(".newsMenu-box .menu-one").eq(index).addClass("on").siblings().removeClass("on");
})
// 新品推荐懒加载

var num = 20;
var page = 1;
var isLoad = true;
$(window).scroll(function () {
    var lineH = $('.footer').offset().top;//获取滚动加载提示的分割线的距离文档顶部的距离

    var clientH = $(window).height();//clientH: 窗口的高度
    var elementH=$(".productMain .row .item").height();
    var scrollH = $(this).scrollTop();//scrollH: 滚动条在Y轴上的滚动过距离。
    if((scrollH+clientH)>=(lineH-(elementH+50))){
        console.log("可以开始加载数据了。。。")

        if(!isLoad) return;

        loadImg();
    }else {
        // console.log("分割线的距离:",lineH,"窗口高度:",clientH,'当前滚动距离',scrollH);
    }
});

    function loadImg() {
        isLoad = false;
        page++;
        console.log(page);
        $.ajax({
            url:"http://jg.com/productdata",
            method:"get",
            dataType:"json",
            data:{
                num:num,
                page:page
            },
            success:function (res) {
                console.log(res);
                var str='';
                res.forEach(function(item,index){
                    // console.log(item,index);
                        str+='<div class="col-sm-4 col-md-3 col-lg-3 item"><div class="thumbnail"><img data-original="'+item.imgUrl+'" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1578838171441&di=fd92f47884c3f64518c2a2bbc696d387&imgtype=0&src=http%3A%2F%2Fhbimg.b0.upaiyun.com%2F3f3642ab7eb186e174b25a4b1b17b2f3df6cf43af647-r8ef8I_fw658" alt="" class="img-responsive"><div class="caption"><p><a href="">'+item.title+'</a></p><p class="clearfix"><a href="">'+item.dNum0+'</a><a href="" class="time pull-right">'+item.dNum1+'</a></p></div></div></div>';
                     })
                $('.productMain .row').append(str);
                isLoad =true;

                $(".thumbnail img").lazyload({
                    effect:'fadeIn',
                    // threshold: 200, // 提前开始加载
                })
            }

        });
    }


// 返回顶部
$(".top-icon").click(function () {
    $("html,body").animate({
        scrollTop:0
    },500)
})

$(".query-speed-box").hover(function () {
    $(this).find(".query-content").show()
},function () {
    $(this).find(".query-content").hide()
})


$(window).scroll(function(){
    var topH = $(this).scrollTop();
    // console.log(topH);
    if(topH>=300){
        $('.to-top').fadeIn(300);
    }else{
        $('.to-top').fadeOut(300);
    }
});


